<!-- saved from url=(0026)http://www.58pic.com/bind# -->
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
    <script src="./112.js" id="AWSC_uabModule"></script>
    <title>绑定手机号</title>
    <meta name="keywords" content="">
    <meta name="description" content="">
    <meta name="renderer" content="webkit">
    <link rel="stylesheet" type="text/css" href="./qt-ui.css">
    <link rel="stylesheet" type="text/css" href="./login_v18621.css">
    <link rel="stylesheet" type="text/css" href="./login_v18621.css">
    <script type="text/javascript" src="./jQuery.js"></script>
    <style>

        .notice {
        display: none;
    }

    .reg-notice {
        display: none;
    }

    .reg-notice .warning-icon {
        display: inline-block;
        width: 16px;
        height: 16px;
       
        vertical-align: -3px;
        margin: 0 4px 0 10px;
    }

    .main .checkbox-inline {
        margin-left: -50px;
    }

    .geetest_holder {
        width: 100% !important;
    }

    .bind-alert {
        color: #999;
        margin-top: 20px;
        font-size: 12px;
        line-height: 20px;
    }

    .bind-alert em {
        color: #fd8320;
    }

    .img-code-a {
        display: inline-block;
        width: 20px;
        height: 20px;
        vertical-align: middle;
        margin-left: 8px;
        cursor: pointer;
    }

    #sendcode-captcha {
        display: none;
    }

    .nc-container .nc_scale span {
        height: 34px !important;
    }

    .nc-container .nc_wrapper {
        width: 340px !important;
    }
    </style>


    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
    <style>
        /* 滑动控件容器,亮灰色背景 */
        #dragContainer {
            position: relative;
            display: inline-block;
            background: #e8e8e8;
            width: 340px;
            height: 50px;
            border: 2px solid #e8e8e8;
        }
        /* 滑块左边部分,绿色背景 */
        #dragBg {
            position: absolute;
            background-color: #7ac23c;
            width: 0px;
            height: 100%;
        }
        /* 滑动验证容器文本 */
        #dragText {
            position: absolute;
            width: 100%;
            height: 100%;
            /* 文字水平居中 */
            text-align: center;
            /* 文字垂直居中,这里不能用百分比,因为百分比是相对原始line-height的,而非div高度 */
            line-height: 50px;
            /* 文本不允许选中 */
            user-select: none;
            -webkit-user-select: none;
        }
        /* 滑块 */
        #dragHandler {
            position: absolute;
            width: 50px;
            height: 100%;
            cursor: move;
        }
        /* 滑块初始背景 */
        .dragHandlerBg {
            background: #fff no-repeat center url("");
        }
        /* 验证成功时的滑块背景 */
        .dragHandlerOkBg {
            background: #fff no-repeat center url("");
        }
    </style>

    <script>
        var isVertifySucc = false;
        window.onload = function() {

            var clientHeight = document.documentElement.clientHeight
            var clientWidth = document.documentElement.clientWidth

            var loginDiv = document.getElementById("loginDiv")
            var bgImage = document.getElementById("bgImage")
            var offsetWidth = loginDiv.offsetWidth

            loginDiv.style.bottom =  '100px';
            loginDiv.style.left = (clientWidth- offsetWidth)/2+  'px';

            console.log("clientHeight",clientHeight)
            console.log("clientWidth",clientWidth)

            bgImage.style.height =  clientHeight + 'px';
            bgImage.style.width =   clientWidth +'px';


            var dragContainer = document.getElementById("dragContainer");
            var dragBg = document.getElementById("dragBg");
            var dragText = document.getElementById("dragText");
            var dragHandler = document.getElementById("dragHandler");

            //滑块最大偏移量
            var maxHandlerOffset = dragContainer.clientWidth - dragHandler.clientWidth;
            //是否验证成功的标记

            initDrag();

            function initDrag() {
                dragText.textContent = "拖动滑块验证";
                dragHandler.addEventListener("mousedown", onDragHandlerMouseDown);

                dragHandler.addEventListener("touchstart", onDragHandlerMouseDown);
            }

            function onDragHandlerMouseDown(event) {
                document.addEventListener("mousemove", onDragHandlerMouseMove);
                document.addEventListener("mouseup", onDragHandlerMouseUp);

                document.addEventListener("touchmove", onDragHandlerMouseMove);
                document.addEventListener("touchend", onDragHandlerMouseUp);
            }

            function onDragHandlerMouseMove(event) {
                /*
                html元素不存在width属性,只有clientWidth
                offsetX是相对当前元素的,clientX和pageX是相对其父元素的

                touches：表示当前跟踪的触摸操作的touch对象的数组。
                targetTouches：特定于事件目标的Touch对象的数组。
            　　changedTouches：表示自上次触摸以来发生了什么改变的Touch对象的数组。
                */
                console.log("event.clientX is :",event.clientX)
                console.log("dragHandler.clientWidth / 2; :",dragHandler.clientWidth / 2)
                var left = (event.clientX || event.changedTouches[0].clientX) - dragHandler.clientWidth / 2 -(clientWidth- offsetWidth)/2;

                console.log("lef is :",left)
                if(left < 0) {
                    left = 0;
                } else if(left > maxHandlerOffset) {
                    left = maxHandlerOffset;
                    verifySucc();
                }
                dragHandler.style.left = left + "px";
                dragBg.style.width = dragHandler.style.left;
            }
            function onDragHandlerMouseUp(event) {
                document.removeEventListener("mousemove", onDragHandlerMouseMove);
                document.removeEventListener("mouseup", onDragHandlerMouseUp);

                document.removeEventListener("touchmove", onDragHandlerMouseMove);
                document.removeEventListener("touchend", onDragHandlerMouseUp);

                dragHandler.style.left = 0;
                dragBg.style.width = 0;
            }

            //验证成功
            function verifySucc() {
                isVertifySucc = true;
                $("#submit-phone").removeAttr('disabled');
                $("#submit-phone").addClass(' btn-green-linear');


                dragText.textContent = "验证通过";
                dragText.style.color = "white";
                dragHandler.setAttribute("class", "dragHandlerOkBg");

                dragHandler.removeEventListener("mousedown", onDragHandlerMouseDown);
                document.removeEventListener("mousemove", onDragHandlerMouseMove);
                document.removeEventListener("mouseup", onDragHandlerMouseUp);

                dragHandler.removeEventListener("touchstart", onDragHandlerMouseDown);
                document.removeEventListener("touchmove", onDragHandlerMouseMove);
                document.removeEventListener("touchend", onDragHandlerMouseUp);
            };



        }



        function GetQueryString(name)
        {
            var reg = new RegExp("(^|&)"+ name +"=([^&]*)(&|$)");
            var r = window.location.search.substr(1).match(reg);
            if(r!=null)return  unescape(r[2]); return null;
        }

        function getPhoneCode() {
            var phone = document.getElementById("phone").value
            let url = "/v01/account/getCode?phone=" + phone + "&sign=" + phone + "&MacId=" + phone ;

            $.get(url,function(data,status){
                alert("Data: " + data + "nStatus: " + status);
            });
        }
        function onSubmintPhone() {
            if(!isVertifySucc){
                alert("验证未通过")
                return
            }

            var phone = document.getElementById("phone").value
            var captcha = document.getElementById("captcha").value
            var passWd = document.getElementById("passWd").value
            console.log("phone",phone)
            console.log("captcha",captcha)
            console.log("passWd",passWd)
            if(!phone){
                alert("请输入手机号")
                return
            }else if(!captcha){
                alert("请输入验证码")
                return
            }else if(!passWd){
                alert("请输入密码")
                return
            }
            let shareId = GetQueryString("phone")
            let url = "/v01/account/register?phone=" + phone + "&code=" + captcha + "&passWd=" + passWd + "&shareId=" + shareId + "&MacId=MacId";

            $.get(url,function(data,status){
                alert("Data: " + data + "nStatus: " + status);
                if(data.code == 200)
                window.location.href = "https://www.coolapk.com/apk/203933";
            });

        }
    </script>

    <style>
    @font-face {
        font-family: 'nc_iconfont';
    }

    @font-face {
        font-family: 'ncpc_iconfont';
        src: url("//at.alicdn.com/t/font_384029_rhzpmteb25oecdi.eot");
        src: url("//at.alicdn.com/t/font_384029_rhzpmteb25oecdi.eot?#iefix") format('embedded-opentype'), url("//at.alicdn.com/t/font_384029_rhzpmteb25oecdi.woff") format('woff'), url("//at.alicdn.com/t/font_384029_rhzpmteb25oecdi.ttf") format('truetype'), url("//at.alicdn.com/t/font_384029_rhzpmteb25oecdi.svg#ncpc_iconfont") format('svg')
    }

    .nc-container div#nc-loading-circle {
        background: transparent;
        width: 20px;
        height: 20px;
        display: inline-block;
        position: relative;
        vertical-align: middle
    }

    .nc-container div#nc-loading-circle .sk-circle {
        background: transparent;
        width: 100%;
        height: 100%;
        position: absolute;
        left: 0;
        top: 0
    }

    .nc-container #nc-loading-circle .sk-circle:before {
        content: '';
        display: block;
        margin: 0 auto;
        width: 15%;
        height: 15%;
        background-color: #818181;
        border-radius: 100%;
        -webkit-animation: sk-circleFadeDelay 1.2s infinite ease-in-out both;
        animation: sk-circleFadeDelay 1.2s infinite ease-in-out both
    }

    .nc-container #nc-loading-circle .sk-circle2 {
        -webkit-transform: rotate(30deg);
        -ms-transform: rotate(30deg);
        transform: rotate(30deg)
    }

    .nc-container #nc-loading-circle .sk-circle3 {
        -webkit-transform: rotate(60deg);
        -ms-transform: rotate(60deg);
        transform: rotate(60deg)
    }

    .nc-container #nc-loading-circle .sk-circle4 {
        -webkit-transform: rotate(90deg);
        -ms-transform: rotate(90deg);
        transform: rotate(90deg)
    }

    .nc-container #nc-loading-circle .sk-circle5 {
        -webkit-transform: rotate(120deg);
        -ms-transform: rotate(120deg);
        transform: rotate(120deg)
    }

    .nc-container #nc-loading-circle .sk-circle6 {
        -webkit-transform: rotate(150deg);
        -ms-transform: rotate(150deg);
        transform: rotate(150deg)
    }

    .nc-container #nc-loading-circle .sk-circle7 {
        -webkit-transform: rotate(180deg);
        -ms-transform: rotate(180deg);
        transform: rotate(180deg)
    }

    .nc-container #nc-loading-circle .sk-circle8 {
        -webkit-transform: rotate(210deg);
        -ms-transform: rotate(210deg);
        transform: rotate(210deg)
    }

    .nc-container #nc-loading-circle .sk-circle9 {
        -webkit-transform: rotate(240deg);
        -ms-transform: rotate(240deg);
        transform: rotate(240deg)
    }

    .nc-container #nc-loading-circle .sk-circle10 {
        -webkit-transform: rotate(270deg);
        -ms-transform: rotate(270deg);
        transform: rotate(270deg)
    }

    .nc-container #nc-loading-circle .sk-circle11 {
        -webkit-transform: rotate(300deg);
        -ms-transform: rotate(300deg);
        transform: rotate(300deg)
    }

    .nc-container #nc-loading-circle .sk-circle12 {
        -webkit-transform: rotate(330deg);
        -ms-transform: rotate(330deg);
        transform: rotate(330deg)
    }

    .nc-container #nc-loading-circle .sk-circle2:before {
        -webkit-animation-delay: -1.1s;
        animation-delay: -1.1s
    }

    .nc-container #nc-loading-circle .sk-circle3:before {
        -webkit-animation-delay: -1s;
        animation-delay: -1s
    }

    .nc-container #nc-loading-circle .sk-circle4:before {
        -webkit-animation-delay: -.9s;
        animation-delay: -.9s
    }

    .nc-container #nc-loading-circle .sk-circle5:before {
        -webkit-animation-delay: -.8s;
        animation-delay: -.8s
    }

    .nc-container #nc-loading-circle .sk-circle6:before {
        -webkit-animation-delay: -.7s;
        animation-delay: -.7s
    }

    .nc-container #nc-loading-circle .sk-circle7:before {
        -webkit-animation-delay: -.6s;
        animation-delay: -.6s
    }

    .nc-container #nc-loading-circle .sk-circle8:before {
        -webkit-animation-delay: -.5s;
        animation-delay: -.5s
    }

    .nc-container #nc-loading-circle .sk-circle9:before {
        -webkit-animation-delay: -.4s;
        animation-delay: -.4s
    }

    .nc-container #nc-loading-circle .sk-circle10:before {
        -webkit-animation-delay: -.3s;
        animation-delay: -.3s
    }

    .nc-container #nc-loading-circle .sk-circle11:before {
        -webkit-animation-delay: -.2s;
        animation-delay: -.2s
    }

    .nc-container #nc-loading-circle .sk-circle12:before {
        -webkit-animation-delay: -.1s;
        animation-delay: -.1s
    }

    @-webkit-keyframes sk-circleFadeDelay {
        0%, 39%, 100% {
            opacity: 0
        }
        40% {
            opacity: 1
        }
    }

    @-webkit-keyframes sk-circleFadeDelay {
        0%, 39%, 100% {
            opacity: 0
        }
        40% {
            opacity: 1
        }
    }

    @keyframes sk-circleFadeDelay {
        0%, 39%, 100% {
            opacity: 0
        }
        40% {
            opacity: 1
        }
    }

    .nc-container .scale_text2 #nc-loading-circle .sk-circle:before {
        background-color: #fff
    }

    .nc_iconfont {
        font-family: "nc_iconfont";
        color: #ff3f08;
        font-size: 16px;
        font-style: normal
    }

    .ncpc_iconfont {
        font-family: "ncpc_iconfont";
        color: #ff3f08;
        font-size: 16px;
        font-style: normal
    }

    .captcha-error .icon_ban {
        float: left;
        font-size: 16px;
        padding-right: 5px;
        line-height: 14px
    }

    .clickCaptcha_text .btn_refresh {
        font-style: normal;
        cursor: pointer;
        background: #fff;
        color: #737383
    }

    .imgCaptcha .btn_refresh {
        font-size: 20px;
        cursor: pointer;
        background: #fff;
        color: #737383
    }

    .nc_voice {
        display: none;
        position: relative;
        margin-top: -34px;
        z-index: 99;
        width: auto;
        height: 34px;
        background: #fff
    }

    .omeo-code-img, .omeo-code-audio {
        font-size: 0;
        text-align: left
    }

    .omeo-code-audiobox, .omeo-code-img a, .omeo-code-audio a, .omeo-code-state {
        display: inline-block;
        *display: inline;
        zoom: 1;
        height: 32px;
        vertical-align: top;
        font-size: 12px
    }

    .omeo-code .omeo-code-refresh {
        background: transparent;
        width: 32px;
        height: 32px;
        font-size: 20px;
        color: #888;
        text-align: center;
        text-decoration: none;
        padding-left: 4px;
        line-height: 32px
    }

    .omeo-code .omeo-switch {
        display: none;
        width: 32px;
        height: 32px;
        border-left: 1px solid #e1e1e1;
        background-image: url("//g.alicdn.com/sd/ncpc/images/checkcode.png");
        background-repeat: no-repeat
    }

    .omeo-img-active .omeo-code-img {
        display: block
    }

    .omeo-img-active .omeo-code-audio {
        display: none
    }

    .omeo-code-img img {
        border: 1px solid #cdcdcd;
        cursor: pointer
    }

    .omeo-code-img .omeo-switch {
        background-position: 9px -41px
    }

    .omeo-audio-active .omeo-code-audio {
        display: block
    }

    .omeo-audio-active .omeo-code-img {
        display: none
    }

    .omeo-code-refresh {
        position: relative;
        left: 95px
    }

    .omeo-code-audiobox {
        position: relative;
        height: 30px;
        line-height: 32px;
        border: 1px solid #e1e1e1;
        text-align: center;
        overflow: hidden;
        left: 100px;
        top: 1px;
        width: 45%;
        min-width: 80px;
        background-color: #eee
    }

    .omeo-code-audiobox a {
        display: block;
        text-decoration: none;
        color: #06c
    }

    .omeo-code-audiobox-playing a {
        visibility: hidden
    }

    .omeo-code-audiobox span, .omeo-code-audiobox b {
        visibility: hidden;
        position: absolute;
        top: 0;
        left: 0;
        height: 30px;
        font-weight: 100;
        overflow: hidden
    }

    .omeo-code-audiobox-playing span, .omeo-code-audiobox-playing b {
        visibility: visible
    }

    .omeo-code-audiobox span {
        z-index: 0;
        width: 0;
        background: #186bca
    }

    .omeo-code-audiobox b {
        width: 100%;
        z-index: 1;
        text-align: left;
        text-indent: 30px;
        color: #999;
        
    }

    .omeo-code-audio .omeo-switch {
        background-position: 5px 10px
    }

    input[type=text]::-ms-clear {
        display: none
    }

    .omeo-box {
        position: relative;
        background-color: #fff
    }

    .omeo-code-echo {
        position: absolute;
        top: 2px;
        left: 2px
    }

    .omeo-code-echo input {
        padding: 5px;
        height: 18px;
        line-height: 18px;
        border: 1px solid #ddd;
        width: 80px;
        outline: 0
    }

    .omeo-code-state {
        height: 30px;
        line-height: 30px;
        text-indent: 25px;
        white-space: nowrap;
        background-image: url("//g.alicdn.com/sd/ncpc/images/checkcode.png");
        background-repeat: no-repeat;
        background-position: 100px 100px
    }

    .omeo-code-echo .omeo-code-state-error {
        width: auto;
        background-position: 7px -193px
    }

    .omeo-code-echo .omeo-code-state-success {
        position: absolute;
        width: 30px;
        background-position: 7px -243px
    }

    .omeo-code-state {
        position: absolute;
        left: 0;
        top: 28px
    }

    .nc_voice_close {
        display: inline-block;
        position: relative;
        cursor: pointer;
        left: 95px;
        top: 0;
        border-left: #ddd 2px solid;
        padding: 0 0 0 7px;
        background-color: #fff;
        font-size: 20px;
        color: #888;
        line-height: 32px
    }

    .nc_help {
        position: absolute;
        width: 100%;
        height: 100%;
        left: 0;
        top: 0;
        z-index: 99999
    }

    .nc_help .mask {
        background-color: #000;
        opacity: .5;
        filter: alpha(opacity=50);
        width: 100%;
        height: 100%;
        top: 0;
        left: 0
    }

    .nc_btn_close {
        position: absolute;
        height: 20px;
        left: 500px;
        border-radius: 20px;
        padding: 10px 30px;
        background-color: #aaa;
        color: #fff;
        cursor: pointer;
        z-index: 10
    }

    .nc_btn_close:hover {
        background-color: #afafaf
    }

    .nc_hand {
        position: absolute;
        width: 68px;
        height: 53px;
       
        z-index: 3
    }

    .nc_slide_bg {
        z-index: 3;
        font-size: 12px;
        text-align: center;
        color: #fff;
        line-height: 34px
    }

    .nc_voicebtn {
        position: absolute;
        padding: 0;
        right: -25px;
        font-size: 23px;
        color: #888;
        cursor: pointer;
        line-height: 34px
    }

    .nc_helpbtn {
        position: absolute;
        cursor: pointer;
        right: -95px;
        top: 4px;
        font-size: 12px;
        background-color: #ffb668;
        color: #fff;
        padding: 4px;
        border-radius: 2px;
        line-height: 18px;
        display: none
    }

    .nc_helpbtn:before {
        width: 0;
        height: 0;
        content: "";
        position: absolute;
        left: -2px;
        top: 6px;
        border-top: 4px solid transparent;
        border-bottom: 4px solid transparent;
        border-right: 4px solid #ffb668
    }

    .nc-container .errloading {
        border: #faf1d5 1px solid;
        text-indent: 3px;
        background-image: none;
        font-size: 12px;
        width: 290px;
        line-height: 20px;
        padding: 7px 5px 8px 5px;
        color: #ef9f06;
    }

    .nc-container .errloading a {
        color: #30a7fc
    }

    .nc_captcha_text .nc_err {
        float: left;
        text-indent: 0
    }

    .button_move {
        transition: left .5s;
        -moz-transition: left .5s;
        -webkit-transition: left .5s;
        -o-transition: left .5s
    }

    .bg_move {
        transition: width .5s;
        -moz-transition: width .5s;
        -webkit-transition: width .5s;
        -o-transition: width .5s
    }

    .nc_slide_box {
        position: absolute
    }

    .nc_captcha_text {
        height: auto;
        line-height: 20px;
        visibility: hidden;
        font-size: 12px;
        color: #999;
        font-weight: normal
    }

    .nc-container .nc_captcha_img_text {
        width: auto;
        height: auto;
        line-height: 20px;
        visibility: hidden;
        font-size: 12px;
        color: #999;
        font-weight: normal;
        display: none;
        padding: 0 0 10px 0;
        background-position: 0 0;
    }

    .nc-container .nc_captcha_img_text span.nc-lang-cnt {
        line-height: inherit
    }

    .nc-container .imgCaptcha .nc_captcha_img_text {
        width: auto
    }

    .nc_captcha_img_text {
        height: auto;
        line-height: 20px;
        visibility: hidden;
        font-size: 12px;
        color: #999;
        font-weight: normal;
        display: none;
        padding: 0 0 10px 3px;
        background-position: 0 0
    }

    .nc-container .nc_wrapper {
        width: auto
    }

    .nc_scale {
        width: auto;
        height: 34px;
        background: #e8e8e8;
        position: relative;
        margin: 0;
        padding: 0
    }

    .nc_scale.is_audio {
        margin-right: 25px
    }

    .nc-container .nc_scale div {
        height: auto
    }

    .nc-container .nc_scale ul {
        list-style: none
    }

    .nc-container .nc_scale .btn_slide {
        color: #737383;
        background-image: none;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale
    }

    .nc-container .nc_scale span {
        text-align: center;
        width: 40px;
        height: 32px;
        line-height: 32px;
        border: 1px solid #ccc;
        position: absolute;
        left: 0;
        cursor: move;
        background: #fff;
        z-index: 2
    }

    .nc-container .nc_scale span.nc-lang-cnt {
        *line-height: 34px;
        float: none;
        width: auto;
        height: auto;
        *height: 34px;
        border: none;
        position: static;
        cursor: inherit;
        background: none;
        z-index: 0;
        display: inline
    }

    .nc_slide_button {
        width: 40px;
        height: 32px;
        border: 1px solid #ccc;
        position: absolute;
        left: 0;
        cursor: move;
        
        z-index: 2
    }

    @media screen and (-ms-high-contrast: active),(-ms-high-contrast: none) {
        .nc_scale span {
            height: 32px
        }
    }

    .nc-container .nc_scale .btnok {
        cursor: default;
       
        z-index: 3
    }

    .nc-container .nc_scale .btnok2 {
        cursor: default;
        font-size: 20px;
       
        z-index: 3
    }

    .nc-container .nc_scale .btn_warn {
        cursor: default;
        color: #ff3f08;
        line-height: 34px;
        text-align: center;
        font-size: 20px;
        background: #fff;
        z-index: 3
    }

    .nc-container .clickCaptcha_text .btn_refresh {
        font-size: 20px
    }

    .nc-container .clickCaptcha_text .icon_close {
        line-height: 30px;
        margin-left: 8px;
        cursor: default;
        color: #ff3f08;
        font-size: 16px;
        float: left;
        margin-right: 2px;
        background: transparent;
        z-index: 3
    }

    .nc-container .nc_captcha_img_text .icon_close {
        cursor: default;
        color: #ff3f08;
        font-size: 16px;
        float: left;
        margin-right: 4px;
        background: transparent;
        z-index: 3;
        line-height: 18px
    }

    .nc-container .errloading .icon_warn {
        cursor: default;
        color: #ff3f08;
        font-size: 18px;
        float: left;
        background: transparent;
        z-index: 3
    }

    .nc-container .nc_scale .btn_ok {
        cursor: default;
        line-height: 34px;
        text-align: center;
        font-size: 20px;
        background: #fff;
        z-index: 3;
        color: #76c61d
    }

    .nc-container .nc_scale .nc_ok, .nc-container .nc_scale .nc_bg {
        background: #7ac23c
    }

    .nc-container .nc_scale .nc_bg {
        position: absolute;
        height: 100%;
        _height: 34px;
        left: 0;
        width: 10px
    }

    .nc-container .nc_scale div.redbar {
        background: #fc461e;
        opacity: .5;
        filter: alpha(opacity=50)
    }

    .nc-container .nc_scale div.orange {
        background: #f00
    }

    .nc-container .nc_scale .scale_text {
        width: 100%;
        height: 100%;
        text-align: center;
        position: absolute;
        z-index: 1;
        background: transparent;
        color: #9c9c9c;
        line-height: 34px;
        font-size: 12px;
        cursor: pointer
    }

    .nc-container .nc_scale .scale_text2 {
        text-align: left;
        color: #fff;
        font-size: 12px;
        text-indent: 10px
    }

    .nc-container .nc_scale .scale_text2 b {
        padding-left: 0;
        font-weight: normal
    }

    .nc-container .nc_scale .scale_text.scale_loading_text {
        text-align: center
    }

    .nc-container .nc_scale .imgCaptcha, .nc-container .nc_scale .clickCaptcha {
        display: none;
        overflow: hidden;
        border: 1px solid #ccc;
        background: #fff;
        z-index: 20000;
    }

    .nc-container .nc_scale .imgCaptcha p.error span, .nc-container .nc_scale .clickCaptcha p.error span {
        line-height: normal
    }

    .nc-container .nc_scale .imgCaptcha {
        height: auto
    }

    .nc-container .nc_scale .clickCaptcha {
        position: absolute;
        left: 0;
        top: 35px;
        height: 270px;
        background: #fff;
        display: none;
    }

    .nc-container .nc_scale .clickCaptcha p.error i {
        color: #ff3f08;
        font-style: normal
    }

    .nc-container .nc_scale .clickCaptcha div {
        position: static;
        clear: both;
        width: 100%;
        background: #fff;
        height: auto
    }

    .nc-container .nc_scale .clickCaptcha .clickCaptcha_text {
        height: 30px;
        line-height: 30px;
        font-size: 12px;
        color: #999;
    }

    .nc-container .nc_scale .clickCaptcha .clickCaptcha_text b {
        font-weight: normal
    }

    .nc_btn_2 {
        position: absolute;
        right: 0;
        top: 0;
        cursor: pointer;
        margin: 2px 9px 0 0
    }

    .nc_iconfont.nc_btn_2 {
        position: absolute;
        right: 0;
        top: 0;
        cursor: pointer
    }

    .nc_iconfont.nc_btn_1 {
        position: absolute;
        top: 10px;
        right: 5px
    }

    .nc_btn_1 {
        top: 10px;
        right: 10px
    }

    .scale_text i {
        font-style: normal;
        border: none;
        position: static;
        cursor: default;
        color: #fffc00;
        background: none;
        display: inline;
        width: 100%
    }

    .nc-container .clickCaptcha .clickCaptcha_img {
        margin: 0 auto;
        clear: both;
        position: relative;
    }

    .nc-container .clickCaptcha .clickCaptcha_img img {
        width: 230px;
        height: 230px;
        margin-left: 10px;
        margin-top: 5px
    }

    .nc-container .clickCaptcha .clickCaptcha_btn {
        margin: 10px 0 0 15px;
        position: relative;
        text-align: left;
    }

    .nc-container .clickCaptcha .clickCaptcha_btn img {
        cursor: pointer
    }

    .nc-container .imgCaptcha {
        position: absolute;
        left: 0;
        top: 35px;
        height: auto;
        padding-bottom: 15px;
        border: 1px solid #ccc;
        background: #fff;
    }

    .nc-container .imgCaptcha div {
        position: static;
        width: 90%;
        background-color: #fff
    }

    .nc-container .imgCaptcha, .nc-container .clickCaptcha {
        text-align: left;
    }

    .nc-container .imgCaptcha a, .nc-container .clickCaptcha a {
        color: #ff3f08
    }

    .nc-container .imgCaptcha .imgCaptcha_text {
        height: 42px;
        line-height: 42px;
        width: 120px;
        background: #fff;
        font-size: 14px;
        text-align: left;
        color: #747474;
        float: left;
        margin-left: 10px;
    }

    .nc-container .imgCaptcha .imgCaptcha_text input {
        margin-top: 5px;
        height: 30px;
        line-height: 30px;
        font-size: 14px;
        width: 90px;
        background: #fff
    }

    .nc-container .imgCaptcha .imgCaptcha_text input:focus {
        outline: none;
        color: #bbb
    }

    .nc-container .imgCaptcha .imgCaptcha_btn {
        margin: 0 0 0 12px;
        *margin-left: 0;
        clear: both;
        padding-top: 5px;
        width: 90%;
    }

    .nc-container .imgCaptcha .imgCaptcha_btn img {
        cursor: pointer
    }

    .nc-container .imgCaptcha .nc_scale_submit {
        margin: 0 auto;
        cursor: pointer;
        background-color: #fc461e;
        width: 120px;
        height: 32px;
        line-height: 32px;
        color: #fff;
        text-align: center
    }

    .nc-container .imgCaptcha .imgCaptcha_img {
        margin: 4px 0 0 100px;
        height: 40px;
        width: 130px;
        overflow: hidden;
        cursor: pointer;
    }

    .nc-container .imgCaptcha .imgCaptcha_img img {
        width: 130px
    }

    .nc-container .imgCaptcha .imgCaptcha_img input {
        border: solid 1px #ccc
    }

    .nc-lang-ar_MA, .nc-lang-ar_SA, .nc-lang-iw_HE, .nc-lang-iw_IL {
        text-align: right;
        *text-align: left;
    }

    .nc-lang-ar_MA .nc_scale .scale_text2, .nc-lang-ar_SA .nc_scale .scale_text2, .nc-lang-iw_HE .nc_scale .scale_text2, .nc-lang-iw_IL .nc_scale .scale_text2 {
        text-align: right;
    }

    .nc-lang-ar_MA .nc_scale .scale_text2 span, .nc-lang-ar_SA .nc_scale .scale_text2 span, .nc-lang-iw_HE .nc_scale .scale_text2 span, .nc-lang-iw_IL .nc_scale .scale_text2 span {
        *display: inline-block;
        padding: 0 56px 0 0
    }

    .nc-lang-ar_MA .nc_captcha_img_text, .nc-lang-ar_SA .nc_captcha_img_text, .nc-lang-iw_HE .nc_captcha_img_text, .nc-lang-iw_IL .nc_captcha_img_text {
        *text-align: right
    }

    .nc-lang-ar_MA span.nc-lang-cnt, .nc-lang-ar_SA span.nc-lang-cnt, .nc-lang-iw_HE span.nc-lang-cnt, .nc-lang-iw_IL span.nc-lang-cnt {
        text-align: right;
        direction: rtl
    }

    .nocaptcha span.nc-lang-cnt {
        float: none;
        height: auto;
        line-height: 30px
    }

    .nc-container {
        font-size: 12px;
        -ms-touch-action: none;
        touch-action: none;
    }

    .nc-container p {
        margin: 0;
        padding: 0;
        display: inline
    }

    .nc-container .scale_text.scale_text span[data-nc-lang="_startTEXT"] {
        display: inline-block;
        width: 100%
    }

    .nc-container .scale_text.scale_text.slidetounlock span[data-nc-lang="_startTEXT"] {
        background: -webkit-gradient(linear, left top, right top, color-stop(0, #4d4d4d), color-stop(.4, #4d4d4d), color-stop(.5, #fff), color-stop(.6, #4d4d4d), color-stop(1, #4d4d4d));
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
        -webkit-animation: slidetounlock 3s infinite;
        -webkit-text-size-adjust: none
    }

    .nc-container .nc_scale .nc-align-center.scale_text2 {
        text-align: center;
        text-indent: -42px
    }

    @-webkit-keyframes slidetounlock {
        0% {
            background-position: -200px 0
        }
        100% {
            background-position: 200px 0
        }
    }

    .nc-container.tb-login .clickCaptcha_text .icon_close {
        line-height: 30px;
        margin-left: 0;
        cursor: default;
        color: #ff3f08;
        font-size: 16px;
        float: left;
        margin-right: 0;
        background: transparent;
        z-index: 3
    }

    .nc-container.tb-login {
        position: relative;
        margin-top: 20px;
        display: none;
    }

    .nc-container.tb-login .nc_scale {
        width: auto;
    }

    .nc-container.tb-login .nc_scale .scale_text2 {
        text-indent: -42px;
        text-align: center;
    }

    .nc-container.tb-login .nc_scale .scale_text2 b {
        padding: 0
    }

    .nc-container.tb-login .nc_scale.nc_err div.scale_text {
        background: #f79977
    }

    .nc-container.tb-login .errloading {
        width: auto
    }

    .nc-container.tb-login .imgCaptcha, .nc-container.tb-login .clickCaptcha {
        width: 252px;
        *width: 256px;
        border: 0;
        *height: 300px;
        min-height: 300px;
        max-height: inherit !important;
    }

    .nc-container.tb-login .imgCaptcha div.login-msg.error, .nc-container.tb-login .clickCaptcha div.login-msg.error {
        background: #fff2f2
    }

    .nc-container.tb-login .imgCaptcha .captcha-error, .nc-container.tb-login .clickCaptcha .captcha-error {
        position: absolute;
        top: 0;
        width: 244px;
        height: auto;
        margin-bottom: 15px;
        padding: 3px;
        border: solid 1px #ff8e8e;
        line-height: 18px
    }

    .nc-container.tb-login .imgCaptcha .captcha-inform, .nc-container.tb-login .clickCaptcha .captcha-inform {
        font-size: 110%;
        margin-left: 20px
    }

    .nc-container.tb-login .imgCaptcha {
        padding-top: 66px;
    }

    .nc-container.tb-login .imgCaptcha .imgCaptcha_text {
        width: 100px;
        margin-left: 0;
    }

    .nc-container.tb-login .imgCaptcha .imgCaptcha_text input:focus {
        color: #000
    }

    .nc-container.tb-login .imgCaptcha .imgCaptcha_img {
        width: 120px;
        _width: 100px
    }

    .nc-container.tb-login .imgCaptcha .imgCaptcha_btn {
        width: 100%;
        margin-left: 0
    }

    .nc-container.tb-login .imgCaptcha .nc_scale_submit {
        width: 100%;
        height: 36px;
        line-height: 36px;
        margin-top: 20px;
        margin-left: 0;
        border-radius: 3px;
        font-size: 16px;
        font-family: Tahoma, Helvetica, Arial, sans-serif;
        background: #ff3f08
    }

    .nc-container.tb-login .clickCaptcha {
        padding-top: 40px;
    }

    .nc-container.tb-login .clickCaptcha .clickCaptcha_text {
        text-indent: 4px
    }

    .nc-container.tb-login .clickCaptcha .clickCaptcha_img img {
        margin-left: 10px
    }

    .nc-container.tb-login .nc_btn_1 {
        top: 77px;
        _top: 57px
    }

    .nc-container.tb-login .nc_btn_2 {
        top: 36px
    }

    .login .nc-container.tb-login .login-msg p, .login-box .nc-container.tb-login .login-msg p {
        width: auto;
        float: left
    }

    .nc-container.tb-login.nc-old-login {
        margin: 20px 0 10px 0;
        width: 250px;
    }

    .nc-container.tb-login.nc-old-login .nc_wrapper {
        width: 250px
    }

    .nc-container.tb-login.nc-old-login .imgCaptcha, .nc-container.tb-login.nc-old-login .clickCaptcha {
        width: 250px;
        min-height: auto;
    }

    .nc-container.tb-login.nc-old-login .imgCaptcha .captcha-error, .nc-container.tb-login.nc-old-login .clickCaptcha .captcha-error {
        line-height: 16px
    }

    .nc-container.tb-login.nc-old-login .clickCaptcha {
        padding-top: 28px;
    }

    .nc-container.tb-login.nc-old-login .clickCaptcha .clickCaptcha_img img {
        width: 200px;
        height: 200px
    }

    .nc-container.nc-old-login.show-click-captcha {
        padding-bottom: 60px
    }

    .nc-container.nc-old-login.show-click-captcha.nc-tm-min-fix {
        padding-bottom: 40px
    }

    .nc-container.tb-login.nc-tm-min-fix .clickCaptcha {
        max-height: 340px !important
    }

    #content .login-box .bd .nc-container.tb-login .login-msg {
        margin: 10px auto 15px auto
    }

    #content .login-box .bd .nc-container.tb-login.nc-old-login.show-click-captcha .login-msg {
        margin: 2px 0 0 0
    }

    .nc-container .nc_scale .nc-cc {
        display: none;
        position: absolute;
        left: 0;
        top: 35px;
        z-index: 20000;
        width: 360px;
        height: 570px;
        border: 1px solid #5eaef1;
        border-radius: 4px;
        background: #fff;
        font-size: 14px;
        line-height: 18px;
        color: #333;
    }

    .nc-container .nc_scale .nc-cc.nc-cc-status-loading .nc-cc-btn, .nc-container .nc_scale .nc-cc.nc-cc-status-verifing .nc-cc-btn {
        background-color: #90c1eb
    }

    .nc-container .nc_scale .nc-cc.nc-cc-status-loading .nc-cc-btn, .nc-container .nc_scale .nc-cc.nc-cc-status-verifing .nc-cc-btn, .nc-container .nc_scale .nc-cc.nc-cc-status-loading .nc-cc-refresh, .nc-container .nc_scale .nc-cc.nc-cc-status-verifing .nc-cc-refresh {
        cursor: default
    }

    .nc-container .nc_scale .nc-cc.nc-cc-status-loading .nc-cc-refresh, .nc-container .nc_scale .nc-cc.nc-cc-status-verifing .nc-cc-refresh {
        color: #999
    }

    .nc-container .nc_scale .nc-cc a {
        color: #3199f4;
        text-decoration: none
    }

    .nc-container .nc_scale .nc-cc .nc_iconfont {
        vertical-align: top;
        margin-right: 8px
    }

    .nc-container .nc_scale .nc-cc-btn {
        display: inline-block;
        *display: inline;
        *zoom: 1;
        vertical-align: top;
        letter-spacing: normal;
        word-spacing: normal;
        width: 100px;
        line-height: 30px;
        text-align: center;
        background-color: #3199f4;
        color: #fff;
        border-radius: 4px;
        cursor: pointer;
    }

    .nc-container .nc_scale .nc-cc-btn.nc-cc-disabled {
        background-color: #90c1eb;
        cursor: default
    }

    .nc-container .nc_scale .nc-cc-btn .nc-lang-cnt {
        line-height: 18px
    }

    .nc-container .nc_scale .nc-cc-header {
        padding: 20px 20px 19px 20px;
        height: 100px;
        background: #f4f8fa;
        border-bottom: 1px solid #ccc
    }

    .nc-container .nc_scale .nc-cc-img1-box {
        float: left;
        width: 100px;
        height: 100px;
        margin-right: 16px
    }

    .nc-container .nc_scale .nc-cc-txt {
        overflow: hidden;
        *zoom: 1;
        line-height: 30px;
        padding-top: 11px
    }

    .nc-container .nc_scale .nc-cc-img2-box {
        position: relative;
        padding: 0 20px;
        margin-top: 20px
    }

    .nc-container .nc_scale .nc-cc-items {
        position: absolute;
        left: 20px;
        _left: 0;
        top: 0;
        width: 320px;
        overflow: hidden
    }

    .nc-container .nc_scale .nc-cc-items-inner {
        margin-right: -20px
    }

    .nc-container .nc_scale .nc-cc-item {
        position: relative;
        display: inline-block;
        *display: inline;
        *zoom: 1;
        vertical-align: top;
        letter-spacing: normal;
        word-spacing: normal;
        margin-right: 10px;
        margin-bottom: 10px;
        border: 1px solid #ccc;
        width: 98px;
        height: 98px;
        background: url("//gtms02.alicdn.com/tps/i2/T1ty2QFNNXXXc6Yc2r-1-1.gif");
    }

    .nc-container .nc_scale .nc-cc-item:hover {
        border-color: #3199f4
    }

    .nc-container .nc_scale .nc-cc-item .nc_iconfont {
        display: none;
        position: absolute;
        right: 0;
        bottom: 0;
        color: #3199f4;
        font-size: 22px;
        margin-right: 0
    }

    .nc-container .nc_scale .nc-cc-item.nc-cc-selected .nc_iconfont {
        display: block
    }

    .nc-container .nc_scale .nc-cc-tip {
        display: none;
        position: absolute;
        left: 0;
        bottom: 60px;
        width: 360px;
        line-height: 18px;
        text-align: center;
        color: #eb4f38;
    }

    .nc-container .nc_scale .nc-cc-tip span {
        line-height: normal
    }

    .nc-container .nc_scale .nc-cc-footer {
        position: absolute;
        left: 0;
        bottom: 20px;
        width: 360px;
        height: 30px;
        line-height: 30px;
        text-align: center;
    }

    .nc-container .nc_scale .nc-cc-footer .nc_iconfont {
        color: #c4cbd0
    }

    .nc-container .nc_scale .nc-cc-refresh, .nc-container .nc_scale .nc-cc-wait {
        position: absolute;
        left: 20px;
        top: 0;
        color: #3199f4;
        cursor: pointer
    }

    .nc-container .nc_scale .nc-cc-wait {
        display: none
    }

    .nc-container .nc_scale .nc-cc-cancel {
        position: absolute;
        right: 20px;
        top: 0;
        color: #3199f4;
        cursor: pointer;
    }

    .nc-container .nc_scale .nc-cc-cancel .nc_iconfont {
        position: relative;
        top: -1px
    }

    .nc-container .nc_scale .nc-cc-loading {
        margin-top: 247px;
        text-align: center;
        line-height: 14px
    }

    .nc-container .nc_scale .nc-cc-loading-img {
        display: inline-block;
        *display: inline;
        *zoom: 1;
        vertical-align: top;
        letter-spacing: normal;
        word-spacing: normal;
        vertical-align: middle;
        background: url("//img.alicdn.com/tps/TB1OdxsKpXXXXcgXFXXXXXXXXXX-14-14.gif") no-repeat;
        width: 14px;
        height: 14px;
        position: relative;
        top: -1px;
        margin-right: 9px
    }

    .nc-container .nc_scale .nc-cc-fail {
        position: absolute;
        left: 50%;
        top: 50%;
        width: 320px;
        height: 180px;
        margin-left: -160px;
        margin-top: -90px;
        background: #fff;
        border-radius: 4px
    }

    .nc-container .nc_scale .nc-cc-fail-inner {
        text-align: center;
        padding: 55px 10px 10px
    }

    .nc-container .nc_scale .nc-cc-fail-action {
        margin: 28px 0 18px;
    }

    .nc-container .nc_scale .nc-cc-fail-action a {
        display: inline-block;
        *display: inline;
        *zoom: 1;
        vertical-align: top;
        letter-spacing: normal;
        word-spacing: normal;
        line-height: 30px;
        margin-left: 16px
    }

    .nc-container .nc_scale .nc-cc-contact {
        text-align: right;
        color: #666;
        padding-right: 9px
    }

    .nc-container .nc_scale .nc-cc-mask {
        display: none;
        position: absolute;
        left: 0;
        top: 0;
        width: 360px;
        height: 570px;
        background: rgba(0, 0, 0, 0.3);
    }

    :root .nc-container .nc_scale .nc-cc-mask {
        -webkit-filter: none;
        filter: none
    }

    .nc-container .nc_scale .nc-cc-arrow-1, .nc-container .nc_scale .nc-cc-arrow-2 {
        display: none;
        position: absolute;
        top: 340px;
        border: solid transparent;
        height: 0;
        width: 0
    }

    .nc-container .nc_scale .nc-cc-arrow-1 {
        border-width: 16px;
        margin-top: -1px
    }

    .nc-container .nc_scale .nc-cc-arrow-2 {
        border-width: 15px
    }

    .nc-container .nc_scale .nc-cc-right .nc-cc-arrow-1, .nc-container .nc_scale .nc-cc-left .nc-cc-arrow-1, .nc-container .nc_scale .nc-cc-right .nc-cc-arrow-2, .nc-container .nc_scale .nc-cc-left .nc-cc-arrow-2 {
        display: block;
        _display: none
    }

    .nc-container .nc_scale .nc-cc-right {
        left: 180px;
        top: -339px;
    }

    .nc-container .nc_scale .nc-cc-right .nc-cc-arrow-1 {
        border-right-color: #5eaef1;
        left: -32px
    }

    .nc-container .nc_scale .nc-cc-right .nc-cc-arrow-2 {
        border-right-color: #fff;
        left: -30px
    }

    .nc-container .nc_scale .nc-cc-left {
        left: -335px;
        top: -339px;
    }

    .nc-container .nc_scale .nc-cc-left .nc-cc-arrow-1 {
        border-left-color: #5eaef1;
        right: -32px
    }

    .nc-container .nc_scale .nc-cc-left .nc-cc-arrow-2 {
        border-left-color: #fff;
        right: -30px
    }</style>
    <link rel="stylesheet" href="./qt-ui.css">
    <!--<script src="https://local.alipcsec.com:6691/umid/getumid?data=&amp;_callback=_4541_1538807432632"></script>-->
</head>
<body style="text-align: center">

<image id="bgImage" src ='./share.jpg' style="width: 100%;height: 100%">

</image>


<div class="setting-main" id="loginDiv" style="bottom:20px;position: absolute;opacity: 1">
    <div class="login-wrap">
        <div class="login-hearder"> 注册
            <!--<p>欢迎来到千图网！完善信息后可用手机号或社交帐号登录</p>-->
        </div>
        <div class="login-content">
            <div class="login-form">
                <div class="input-inline">
                    <div class="input-icon i-phone areaCodePhoneIcon"></div>
                    <div class="areaCode">
                        <li class="areaCode-icon"></li>
                        <li class="areaCode-con"><p>中国<i>+86</i></p></li>
                        <li class="areaCode-select"><p>中国<i>+86</i></p>
                            <p>加拿大<i>+1</i></p>
                            <p>美国<i>+1</i></p>
                            <p>哈萨克斯坦<i>+7</i></p>
                            <p>阿布哈兹<i>+7</i></p>
                            <p>俄罗斯联邦<i>+7</i></p>
                            <p>埃及<i>+20</i></p>
                            <p>南非<i>+27</i></p>
                            <p>希腊<i>+30</i></p>
                            <p>荷兰<i>+31</i></p>
                            <p>比利时<i>+32</i></p>
                            <p>法国<i>+33</i></p>
                            <p>西班牙<i>+34</i></p>
                            <p>匈牙利<i>+36</i></p>
                            <p>意大利<i>+39</i></p>
                            <p>罗马尼亚<i>+40</i></p>
                            <p>瑞士<i>+41</i></p>
                            <p>奥地利<i>+43</i></p>
                            <p>新泽西<i>+44</i></p>
                            <p>英国<i>+44</i></p>
                            <p>丹麦<i>+45</i></p>
                            <p>瑞典<i>+46</i></p>
                            <p>挪威<i>+47</i></p>
                            <p>波兰<i>+48</i></p>
                            <p>德国<i>+49</i></p>
                            <p>秘鲁<i>+51</i></p>
                            <p>墨西哥<i>+52</i></p>
                            <p>古巴<i>+53</i></p>
                            <p>阿根廷<i>+54</i></p>
                            <p>巴西<i>+55</i></p>
                            <p>智利<i>+56</i></p>
                            <p>哥伦比亚<i>+57</i></p>
                            <p>委内瑞拉<i>+58</i></p>
                            <p>马来西亚<i>+60</i></p>
                            <p>澳大利亚<i>+61</i></p>
                            <p>印度尼西亚<i>+62</i></p>
                            <p>菲律宾<i>+63</i></p>
                            <p>新西兰<i>+64</i></p>
                            <p>新加坡<i>+65</i></p>
                            <p>泰国<i>+66</i></p>
                            <p>日本<i>+81</i></p>
                            <p>韩国<i>+82</i></p>
                            <p>越南<i>+84</i></p>
                            <p>土耳其<i>+90</i></p>
                            <p>印度<i>+91</i></p>
                            <p>巴基斯坦<i>+92</i></p>
                            <p>阿富汗<i>+93</i></p>
                            <p>斯里兰卡<i>+94</i></p>
                            <p>緬甸<i>+95</i></p>
                            <p>伊朗<i>+98</i></p>
                            <p>南苏丹<i>+211</i></p>
                            <p>摩洛哥<i>+212</i></p>
                            <p>阿尔及利亚<i>+213</i></p>
                            <p>突尼斯<i>+216</i></p>
                            <p>利比亚<i>+218</i></p>
                            <p>冈比亚<i>+220</i></p>
                            <p>塞内加尔<i>+221</i></p>
                            <p>毛里塔尼亚<i>+222</i></p>
                            <p>马里<i>+223</i></p>
                            <p>几内亚<i>+224</i></p>
                            <p>象牙海岸<i>+225</i></p>
                            <p>布基纳法索<i>+226</i></p>
                            <p>尼曰尔<i>+227</i></p>
                            <p>多哥共和国<i>+228</i></p>
                            <p>贝宁<i>+229</i></p>
                            <p>毛里求斯<i>+230</i></p>
                            <p>利比里亚<i>+231</i></p>
                            <p>塞拉利昂<i>+232</i></p>
                            <p>加纳<i>+233</i></p>
                            <p>尼曰利亚<i>+234</i></p>
                            <p>乍得<i>+235</i></p>
                            <p>中非共和国<i>+236</i></p>
                            <p>嘻麦隆<i>+237</i></p>
                            <p>佛得角<i>+238</i></p>
                            <p>圣多美和普林西比<i>+239</i></p>
                            <p>赤道几内亚<i>+240</i></p>
                            <p>加蓬<i>+241</i></p>
                            <p>刚果民主共和国<i>+242</i></p>
                            <p>刚果<i>+243</i></p>
                            <p>安哥拉<i>+244</i></p>
                            <p>几内亚比绍<i>+245</i></p>
                            <p>塞舌尔<i>+248</i></p>
                            <p>苏丹<i>+249</i></p>
                            <p>卢旺达<i>+250</i></p>
                            <p>埃塞俄比亚<i>+251</i></p>
                            <p>索马里<i>+252</i></p>
                            <p>吉布提<i>+253</i></p>
                            <p>肯尼亚<i>+254</i></p>
                            <p>坦桑尼亚<i>+255</i></p>
                            <p>乌干达<i>+256</i></p>
                            <p>布隆迪<i>+257</i></p>
                            <p>莫桑比克<i>+258</i></p>
                            <p>赞比亚<i>+260</i></p>
                            <p>马达加斯加<i>+261</i></p>
                            <p>留尼汪岛<i>+262</i></p>
                            <p>津巴布韦<i>+263</i></p>
                            <p>纳米比亚<i>+264</i></p>
                            <p>马拉维<i>+265</i></p>
                            <p>莱索托<i>+266</i></p>
                            <p>博茨瓦纳<i>+267</i></p>
                            <p>斯威士兰<i>+268</i></p>
                            <p>科摩罗<i>+269</i></p>
                            <p>阿鲁巴<i>+297</i></p>
                            <p>法罗群岛<i>+298</i></p>
                            <p>格陵兰岛<i>+299</i></p>
                            <p>直布罗陀<i>+350</i></p>
                            <p>葡萄牙<i>+351</i></p>
                            <p>卢森堡<i>+352</i></p>
                            <p>爱尔兰<i>+353</i></p>
                            <p>冰岛<i>+354</i></p>
                            <p>阿尔巴尼亚<i>+355</i></p>
                            <p>马耳他<i>+356</i></p>
                            <p>塞浦路斯<i>+357</i></p>
                            <p>芬兰<i>+358</i></p>
                            <p>保加利亚<i>+359</i></p>
                            <p>立陶宛<i>+370</i></p>
                            <p>拉脱维亚<i>+371</i></p>
                            <p>爱沙尼亚<i>+372</i></p>
                            <p>摩尔多瓦<i>+373</i></p>
                            <p>亚美尼亚<i>+374</i></p>
                            <p>白俄罗斯<i>+375</i></p>
                            <p>安道尔<i>+376</i></p>
                            <p>摩纳哥<i>+377</i></p>
                            <p>圣马力诺<i>+378</i></p>
                            <p>乌克兰<i>+380</i></p>
                            <p>塞尔维亚<i>+381</i></p>
                            <p>黑山共和国<i>+382</i></p>
                            <p>克罗地亚<i>+385</i></p>
                            <p>斯洛文尼亚<i>+386</i></p>
                            <p>波斯尼亚和黑塞哥维那<i>+387</i></p>
                            <p>马其顿<i>+389</i></p>
                            <p>捷克共和国<i>+420</i></p>
                            <p>斯洛伐克<i>+421</i></p>
                            <p>列支敦士登<i>+423</i></p>
                            <p>福克兰群岛<i>+500</i></p>
                            <p>伯利兹<i>+501</i></p>
                            <p>危地马拉<i>+502</i></p>
                            <p>萨尔瓦多<i>+503</i></p>
                            <p>洪都拉斯<i>+504</i></p>
                            <p>尼加拉瓜<i>+505</i></p>
                            <p>哥斯达黎加<i>+506</i></p>
                            <p>巴拿马<i>+507</i></p>
                            <p>圣皮埃尔和密克隆群岛<i>+508</i></p>
                            <p>海地<i>+509</i></p>
                            <p>瓜德罗普岛<i>+590</i></p>
                            <p>玻利维亚<i>+591</i></p>
                            <p>圭亚那<i>+592</i></p>
                            <p>厄瓜多尔<i>+593</i></p>
                            <p>法属圭亚那<i>+594</i></p>
                            <p>巴拉圭<i>+595</i></p>
                            <p>马提尼克<i>+596</i></p>
                            <p>苏里南<i>+597</i></p>
                            <p>乌拉圭<i>+598</i></p>
                            <p>库拉索岛(荷属安的列斯群岛)<i>+599</i></p>
                            <p>东帝汶<i>+670</i></p>
                            <p>文莱达鲁萨兰国<i>+673</i></p>
                            <p>瑙鲁<i>+674</i></p>
                            <p>巴布亚新几内亚<i>+675</i></p>
                            <p>汤加<i>+676</i></p>
                            <p>所罗门群岛<i>+677</i></p>
                            <p>瓦努阿图<i>+678</i></p>
                            <p>斐济<i>+679</i></p>
                            <p>帕劳<i>+680</i></p>
                            <p>库克群岛<i>+682</i></p>
                            <p>萨摩亚<i>+685</i></p>
                            <p>基里巴斯<i>+686</i></p>
                            <p>新喀里多尼亚<i>+687</i></p>
                            <p>法属波利尼西亚<i>+689</i></p>
                            <p>密克罗尼西亚联邦<i>+691</i></p>
                            <p>朝鲜<i>+850</i></p>
                            <p>香港<i>+852</i></p>
                            <p>澳门<i>+853</i></p>
                            <p>柬埔寨<i>+855</i></p>
                            <p>老挝<i>+856</i></p>
                            <p>孟加拉国<i>+880</i></p>
                            <p>台湾<i>+886</i></p>
                            <p>马尔代夫<i>+960</i></p>
                            <p>黎巴嫩<i>+961</i></p>
                            <p>约旦<i>+962</i></p>
                            <p>叙利亚<i>+963</i></p>
                            <p>伊拉克<i>+964</i></p>
                            <p>科威特<i>+965</i></p>
                            <p>沙特阿拉伯<i>+966</i></p>
                            <p>也门<i>+967</i></p>
                            <p>阿曼<i>+968</i></p>
                            <p>巴勒斯坦领土<i>+970</i></p>
                            <p>阿拉伯联合酋长国<i>+971</i></p>
                            <p>以色列<i>+972</i></p>
                            <p>巴林岛<i>+973</i></p>
                            <p>卡塔尔<i>+974</i></p>
                            <p>不丹<i>+975</i></p>
                            <p>蒙古<i>+976</i></p>
                            <p>尼泊尔<i>+977</i></p>
                            <p>塔吉克斯坦<i>+992</i></p>
                            <p>土库曼斯坦<i>+993</i></p>
                            <p>阿塞拜疆<i>+994</i></p>
                            <p>格鲁吉亚<i>+995</i></p>
                            <p>吉尔吉斯斯坦<i>+996</i></p>
                            <p>乌兹别克斯坦<i>+998</i></p>
                            <p>巴哈马群岛<i>+1242</i></p>
                            <p>巴巴多斯<i>+1246</i></p>
                            <p>安圭拉岛<i>+1264</i></p>
                            <p>安提瓜和巴布达<i>+1268</i></p>
                            <p>英属维尔京群岛<i>+1284</i></p>
                            <p>美属维尔京群岛<i>+1340</i></p>
                            <p>开曼群岛<i>+1345</i></p>
                            <p>百慕大群岛<i>+1441</i></p>
                            <p>格林纳达<i>+1473</i></p>
                            <p>特克斯和凯科斯群岛<i>+1649</i></p>
                            <p>蒙特塞拉特<i>+1664</i></p>
                            <p>关岛<i>+1671</i></p>
                            <p>圣卢西亚<i>+1758</i></p>
                            <p>多米尼加共和国<i>+1767</i></p>
                            <p>圣文森特和格林纳丁斯<i>+1784</i></p>
                            <p>波多黎各<i>+1787</i></p>
                            <p>特立尼达和多巴哥<i>+1868</i></p>
                            <p>圣基茨和尼维斯<i>+1869</i></p>
                            <p>牙买加<i>+1876</i></p>
                            <p>美属萨摩亚<i>+1684</i></p></li>
                    </div>
                    <input type="hidden" value="+86" id="areaCode"><input id="phone" maxlength="11" type="text"
                                                                          autocomplete="off" placeholder="请输入常用手机号"
                                                                          class="" style="color: rgb(102, 102, 102);">
                    <p class="warning-text"><span><i class="danger-icon"></i>  手机号不能为空!</span></p></div>

                <div class="input-inline captcha"><input id="captcha" maxlength="6" style="margin-left:0px;" type="text"
                                                         autocomplete="off" placeholder="请输入验证码">



                    <div class="btn-captcha qt-btn btn-green "  onclick="getPhoneCode()"><a class="statis" site="1">50s</a>
                    </div>

                    <div class="input-inline captcha"><input id="passWd" maxlength="6" style="margin-left:0px;width: 100%" type="text"
                                                             autocomplete="off" placeholder="请输入密码">

                    <div id="dragContainer">
                        <div id="dragBg"></div>
                        <div id="dragText"></div>
                        <div id="dragHandler" class="dragHandlerBg"></div>
                    </div>

                    <p class="warning-text"></p></div>
                <button id="submit-phone" onclick="onSubmintPhone()"  disabled="true" class="login-submit qt-btn  ">确认
                </button>
                <p class="bind-alert"><em>温馨提示：</em>根据相关法律规定，用户需绑定真实手机号进行实名认证，本网将对用户隐私信息给予严格保密。( 48367783 )
                </p></div>
        </div>
    </div><!--弹窗-->
    <div class="qt-model-t" id="alert-win">
        <div class="mdoel-table">
            <div class="model-table-call">
                <div class="setting-alert">
                    <div class="setting-success"></div>
                    <p class="setting-text statis" site="3">手机号绑定成功，<span>3</span>秒后返回<a
                            href="http://www.58pic.com/bind#">上级页面</a></p></div>
            </div>
        </div>
    </div>
</div>

<style type="text/css" class="nc-style">.nc-container #nc_1_wrapper, .nc-container.tb-login #nc_1_wrapper {
    width: 300px
}

.nc-container .imgCaptcha, .nc-container .clickCaptcha {
    width: 298px;
}

.nc-container.tb-login .imgCaptcha, .nc-container.tb-login .clickCaptcha {
    width: 300px;
}

.nc-container.tb-login .imgCaptcha .captcha-error, .nc-container.tb-login .clickCaptcha .captcha-error {
    width: 292px;
}

.nc-container.tb-login .errloading, .nc-container .errloading {
    width: 290px;
}</style>


<!--<script type="text/javascript" src="./绑定手机号_files/regv18621.js.下载"></script>-->

</body>
</html>